<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8" />
		<title>响应式网站</title>
		<meta name="viewport" content="width=device-width,user-scalable=no" />
		<link rel="stylesheet" type="text/css" href="css/core.css"/>
		
		<link rel="stylesheet" type="text/css" href="css/response980.css"/>
		<link rel="stylesheet" type="text/css" href="css/response480.css"/>
		<link rel="stylesheet" type="text/css" href="css/response_less480.css"/>
		<!--<link rel="stylesheet" type="text/css" href="css/responsive01.css"/>-->
	</head>
	<body>
		<div class="box">
			<header>
				<div class="logo">
					<a href="/">
						<h1>Responsive</h1>
						<h3>China</h3>
						<p>中国响应式网站分享平台</p>
					</a>
				</div>
				<nav>
					<ul>
						<li>
							<a href="" class="no">首页</a>
						</li>
						<li>
							<a href="">国内</a>
						</li>
						<li>
							<a href="">国外</a>
						</li>
						<li>
							<a href="">分享</a>
						</li>
						<li>
							<a href="">参考</a>
						</li>
					</ul>
				</nav>
				
				<div class="headRight">
					<div class="row1">
						<a href="#">登录</a> | <a href="#">注册</a>
					</div>
					<div class="row2">
						<a href="/">
							<img src="img/ninghao_ad.png" />
						</a>
					</div>
				</div>
				<div style="clear: left;"></div>
			</header>
			
			<div class="divline">
			</div>
			
			<div class="content">
				<div class="plist">
					<div class="pitem">
						<h1>
							<a class="title" href="#">派点互动</a>
						</h1>
						<div>
							<div class="pitemimg01">
								<a href="/"><img src="img/pid4.png" /></a>
							</div>
							<div class="pitemimg02">
								<a href="/"><img src="img/pid3.png" /></a>
							</div>
							<div class="pitemimg03">
								<a href="/"><img src="img/pid2.png" /></a>
							</div>
							<div class="pitemimg04">
								<a href="/"><img src="img/pid1.png" /></a>
							</div>
							<div style="clear: left;"></div>
						</div>
					</div>
					
					
					<div class="pitem">
						<h1>
							<a class="title" href="#">HA市集 - 读你喜欢的</a>
						</h1>
						<div>
							<div class="pitemimg01">
								<a href="/"><img src="img/haishiji4.png" /></a>
							</div>
							<div class="pitemimg02">
								<a href="/"><img src="img/haishiji3.png" /></a>
							</div>
							<div class="pitemimg03">
								<a href="/"><img src="img/haishiji2.png" /></a>
							</div>
							<div class="pitemimg04">
								<a href="/"><img src="img/haishiji1.png" /></a>
							</div>
							<div style="clear: left;"></div>
						</div>
					</div>
					<div class="pitem">
						<h1>
							<a class="title" href="#">BZZCN 标准站中国-推动网站设计标准化演进</a>
						</h1>
						<div>
							<div class="pitemimg01">
								<a href="/"><img src="img/bzzcn4.png" /></a>
							</div>
							<div class="pitemimg02">
								<a href="/"><img src="img/bzzcn3.png" /></a>
							</div>
							<div class="pitemimg03">
								<a href="/"><img src="img/bzzcn2.png" /></a>
							</div>
							<div class="pitemimg04">
								<a href="/"><img src="img/bzzcn1.png" /></a>
							</div>
							<div style="clear: left;"></div>
						</div>
					</div>
				</div>		
			</div>
		</div>
		
		<div style="background: #fafafa;">
			<footer class="box">
				<div class="col3 logo">
					<a href="/">
						<h1>Responsive.cn</h1>
						<p>中国响应式网站分享平台</p>
					</a>
				</div>
				<div class="col3 links">
					<h3>关于我们 ABUOT</h1>
					<ul>
						<li><a href="#">关于我们</a></li>
						<li><a href="#">联系我们</a></li>
						<li><a href="#">建议</a></li>
					</ul>
				</div>
				<div class="col3 links">
					<h3>链接 LINKS</h1>
					<ul>
						<li><a href="#">友情链接</a></li>
						<li><a href="#">合作相关</a></li>
						<li><a href="#">网友评价</a></li>
					</ul>
				</div>
				<div style="clear: left;"></div>
			</footer>
		</div>
	</body>
</html>